<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>home</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){	
	$("#slider").easySlider({
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',
		auto: true, 
		continuous: true
	});	
});
// ]]>
</script>
<style type="text/css">
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:850px; height:378px; overflow:hidden; padding:0; margin:0; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:29px; height:29px; position:absolute; left:-35px; top:-220px; }
#nextBtn { left:855px; }
#prevBtn a { display:block; width:29px; height:29px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:29px; height:29px; background:url(images/r_arrow.gif) no-repeat 0 0; }
</style>
</head>
<body>
<div class="main">
  <div class="header">
    <div class="block_header">
      <div class="logo"><a href="index.html"><img src="images/logo.gif" width="155" height="57" border="0" alt="logo" /></a></div>
      <div class="menu">
        <ul>
          <li><a href="index.html" class="active">Inicio</a></li>
          <li><a href="services.html"> Serviços</a></li>
          <li><a href="work.html"> Porfolio</a></li>
          <li><a href="work.html"> Unknown</a></li>
          <li><a href="about.html">Sobre</a></li>
          <li><a href="contact.html"> Contacto </a></li>
        </ul>
      </div>
      <div class="clr"> </div>
    </div>
  </div>
  <div class="slider">
    <div class="slice1">
      <div class="slice2" id="slider">
        <ul>
          <li class="slide">
            <div>
              <p class="img"><img src="Drag to a file to choose it." alt="screen 2" width="483" height="306" /></p>
              <h2>Voce precisa de um website?</h2>
              <p>Se voce precisa de um webiste or qualquer outro trabalho de design? a WizzSolutions traz a voce uma vasta gama de soluçoes para ti e para sua empresa, voce idealiza, nos tornamos real</p>
              <p><a href="google.com"><img src="images/more_information.gif" width="133" height="30" border="0" alt="view" /></a></p>
            </div>
          </li>
          <li class="slide">
            <div>
              <p class="img"><img src="images/simple_text_img_2.jpg" alt="screen 2" width="483" height="306" /></p>
              <h2>We create 
                beautiful web sites 
                for the web! </h2>
              <p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
              <p><a href="google.com"><img src="images/more_information.gif" width="133" height="30" border="0" alt="view" /></a></p>
            </div>
          </li>
          <li class="slide">
            <div>
              <p class="img"><img src="images/simple_text_img_3.jpg" alt="screen 2" width="483" height="306" /></p>
              <h2>beautiful web sites 
                for the web! </h2>
              <p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
              <p><a href="google.com"><img src="images/more_information.gif" width="133" height="30" border="0" alt="view" /></a></p>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="clr"></div>
  <div class="bloga_resize">
    <div class="bloga_resizee">
      <div class="bloga">
        <h2>Web Development</h2>
        <img src="images/img_top_1.gif" alt="picture" width="51" height="89" />
        <p>Fusce vehicula dignissim ligula. <br />
          Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. Vestibulum vehicula purus nec dui accumsan fermentum</p>
        <p><a href="#"><strong>Read More</strong></a></p>
      </div>
      <div class="bloga">
        <h2>Business Plan</h2>
        <img src="images/img_top_2.gif" alt="picture" width="51" height="89" />
        <p>Fusce vehicula dignissim ligula. <br />
          Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. Vestibulum vehicula purus nec dui accumsan fermentum</p>
        <p><a href="#"><strong>Read More</strong></a></p>
      </div>
      <div class="bloga">
        <h2>Our Support</h2>
        <img src="images/img_top_3.gif" alt="picture" width="51" height="89" />
        <p>Fusce vehicula dignissim ligula. <br />
          Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. Vestibulum vehicula purus nec dui accumsan fermentum</p>
        <p><a href="#"><strong>Read More</strong></a></p>
      </div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="clr"></div>
  <div class="body">
    <div class="body_resize">
      <div class="right">
        <h2>Welcome to our website</h2>
        <p class="grey">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui off icia deserunt mollit anim id est laborum.</p>
        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
        <p>&nbsp;</p>
        <h2>Featured Services</h2>
        <p class="grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
        <p>Suspendisse adipiscing rhoncus massa, sit amet sollicitudin quam vulputate non. In non turpis nisl. Curabitur purus mi, pharetra vitae viverra et, mattis sit amet nunc. </p>
        <img src="images/img_1.jpg" alt="picture" width="67" height="67" />
        <p><span><strong>Featured Service</strong></span> <br />
          Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. Vestibulum vehicula purus nec dui accumsan fermentum. Suspendisse potenti. Ut dapibus est id odio pretium blandit in eget leo. <a href="#">read more</a></p>
        <div class="bg"></div>
        <img src="images/img_2.jpg" alt="picture" width="67" height="67" />
        <p><span><strong>Featired Service </strong></span> <br />
          Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. Vestibulum vehicula purus nec dui accumsan fermentum. Suspendisse potenti. Ut dapibus est id odio pretium blandit in eget leo. <a href="#">read more</a></p>
      </div>
      <div class="left">
        <div class="twitter">
          <div class="twitter_footer">
            <div class="twitter_top">
              <p>“ Suspendisse adipiscing rhoncus assa, sit amet sollicitudin quam vulputate non. 
                In non turpis nisl.” </p>
              <p><strong>Follow us on Twitter</strong><br />
              <a href="twitter.com/yourusername">twitter.com/yourusername</a></p>
            </div>
          </div>
        </div>
        <h2>News &amp; Events</h2>
        <p><span>5th / April / 2009</span></p>
        <p>Integer mauris. Cras iaculis viverra dolorqw. Nulla suscipit. Proin eu sapien ac sem fermentum sollicitudin.</p>
        <div class="bg"></div>
        <p><span>6th / April / 2009</span></p>
        <p>Integer mauris. Cras iaculis viverra dolor. Nulla suscipit. Proin eu sapien ac sem fermentum sollicitudin.</p>
        <div class="bg"></div>
        <p><a href="#">more news</a></p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
</div>
<div class="footer">
  <div class="footer_resize">
    <p class="leftt">Copyright © Sitename.com. All Rights Reserved</p>
    <p class="rightt">&nbsp;</p>
    <div class="clr"></div>
  </div>
  <div class="clr"></div>
</div>
</body>
</html>